<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
	<head>
		<title>Welcome to Life Achivements!</title>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
		<link href="css/style.css" rel="stylesheet" type="text/css"></link>
		<script src="http://userapi.com/js/api/openapi.js" type="text/javascript"></script>
		<script src="js/jquery.js" type="text/javascript"></script>
		<script src="js/popup.js" type="text/javascript"></script>
		<script src="js/jquery.timers.js" type="text/javascript"></script>
		
	</head>
	<body>			
		<div id="popupReg">  
			<a id="popupClose">×</a>
			<form class="reg-form" action="src/scripts/login.php" method="post">
				<header class="popup-header">
					<h2>Registration</h2>
				</header>  
				<fieldset>
					<div class="reg-form-content">
						<dl class = vField>
							<dt>
								<label class="required" for="auth_reg_email">E-mail:</label>
							</dt>
							<dd>
								<input id="auth_reg_email" type="email" required="required" name="auth_register[email]"/>
							</dd>
						</dl>
						<dl class = vField>
							<dt>
								<label class="required" for="auth_reg_password">Password:</label>
							</dt>
							<dd>
								<input id="auth_reg_password" type="password" required="required" name="auth_register[password]"/>
							<dd>
						</dl>
						<dl class = vField>
							<dt>
								<label class="required" for="auth_reg_confirm_password">Confirm password:</label>
							</dt>
							<dd>
								<input id="auth_reg_confirm_password" type="password" required="required" name="auth_register[password]"/>
							<dd>
						</dl>
					</div>
				</fieldset>
				<footer class="popup-footer">
					<button class="button form-btn" onclick="return disableRegPopup();" type="button">Cancel</button>
					<button class="button form-btn" type="submit">Submit</button>
					<ul>
						<li class="button vk">
							<img alt="" src="img/vklogo.png"/>
						</li>
						<li class="button fb">
							<img alt="" src="img/fblogo.png"/>
						</li>
					</ul>
				</footer>
			</form>
		</div>  
		<div id="popupSignin">
			<a id="popupClose" onClick="return disableSigninPopup();">×</a>
			<form class="signin-form" method="get">
				<header class="popup-header">
					<h2>Sign in</h2>
				</header> 
				<fieldset>
					<div class="reg-form-content">
						<dl class = vField>
							<dt>
								<label class="required" for="auth_login_email">E-mail:</label>
							</dt>
							<dd>
								<input id="auth_login_email" type="email" required="required" name="auth_login[email]"/>
							</dd>
						</dl>
						<dl class = vField>
							<dt>
								<label class="required" for="auth_login_password">Password:</label>
							</dt>
							<dd>
								<input id="auth_login_password" type="password" required="required" name="auth_login	[password]"/>
							<dd>
						</dl>
						<dl class = vField id="remember_check">
							<dd>
								<input id="auth_login_checkbox" type="checkbox" checked name="auth_login_[checkbox]"/> 
							</dd>
							<label id="auth_login_label" for="auth_login_checkbox">Remember me<label>
						</dl> 
						<footer class="popup-footer" id="signin-popup-footer">
							<button class="button form-btn" onclick="return disableSigninPopup();" type="button">Cancel</button>
							<button class="button form-btn" type="submit">Submit</button>
							<ul>
								<li class="button vk">
									<img alt="" src="img/vklogo.png"/>
								</li>
								<li class="button fb">
									<img alt="" src="img/fblogo.png"/>
								</li>
							</ul>
						</footer>
					</div>
				</fieldset>
			</form> 
		</div>
		<div class="popup-loading"></div>
		<div id="backgroundPopup"></div>
		<div class="wrapper">
			<div id="header"></div>
				<div class="wrap welcome main">
					<div id="logo">
						<a href="welcome.html"></a>						
					</div>
					<div class="header-bar">
						<ul>
							<li id="signin">
								<a href="#">Sign in</a>
							</li>
							<li id="signup">
								<a href="#">Sign up</a>
							</li>
						</ul>
					</div>
					<!--
					<nav class="auth-nav">
						<ul>
							<li>
								<a class="button" id="reg-button">Registration</a
							</li>
							<li>	
								<a class="button" id="signin-button">Sign in</a>
							</li>
						</ul>
					</nav> -->
				</header>
				<section class="content">
					<div class="pic">	
						<img src="img/img1.png"/>
					</div>
					<div class="intro">
						<h1>Check you progress!</h1>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique nisi eget sapien feugiat faucibus. Nam ultricies tellus eu odio suscipit in lobortis justo suscipit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec felis dolor, posuere sit amet mattis nec, suscipit at est. Suspendisse quis urna id diam tincidunt commodo. Donec convallis, magna nec congue luctus, metus purus hendrerit massa, non convallis tellus massa at mi. Donec adipiscing, turpis vitae bibendum iaculis, odio nisi tincidunt nisl, sit amet tempus metus erat eget felis. Aliquam arcu lorem, sollicitudin et pellentesque id, vestibulum non elit. Praesent hendrerit, diam ac egestas lacinia, velit ante convallis velit, sit amet luctus turpis ipsum vitae sapien. Etiam ultricies, lacus ut egestas gravida, tellus lorem pharetra felis, quis pretium mauris dui in turpis. Praesent ac aliquet nunc. Curabitur congue, nulla ac placerat auctor, elit tellus ultrices lorem, et tincidunt nisl odio vel metus. Mauris libero diam, pulvinar sit amet dapibus pulvinar, feugiat eget urna. Praesent nisl nisi, laoreet nec convallis sed, sollicitudin ut ante. Duis lacinia varius urna ut sollicitudin. Proin eget ligula eu purus sollicitudin scelerisque ut eget ante.
						</p> 
					</div>
				</section>
				<footer class="footer">
					<div class="like" id="likeBtn">
						<img src="src/Icons/uLike2.png"/>
						<div class="likePopup" id="like-vk">
							<a>Likevk</a>
						</div>
						<div class="likePopup" id="like-fb">
							<a>Likefb</a>
						</div>
						<div class="likePopup" id="like-gp">
							<a>Likeg+</a>
						</div>
						<div class="likePopup" id="like-tw">
							<a>Liketw</a>
						</div>
					</div>
					<span class="copy">Life Achivements &copy  2012</span>
				</footer>
			</div>
		</div>
	</body>

	
	
	
	
	